<!--蜂喔用户1.9.19新增样式-->
<div [ngStyle]="tagData.data?.data?.outerCssStyle|styleFilter">

  <!--蜂喔用户1.9.18新增 顶部标题-->
  <ng-container *ngIf="tagData.data.data.firstRowLeftTitle">
    <div class="firstRowLeftTitleBox" [ngStyle]="tagData.data.data.firstRowLeftBoxCssStyle|styleFilter">
      <span class="title" *ngIf="tagData.data.data.firstRowLeftTitle"
        [ngStyle]="tagData.data.data.firstRowLeftTitleCssStyle|styleFilter">{{tagData.data.data.firstRowLeftTitle}}</span>
      <span class="title" *ngIf="tagData.data.data.firstRowLeftSubTitle"
        [ngStyle]="tagData.data.data.firstRowLeftSubTitleCssStyle|styleFilter">{{tagData.data.data.firstRowLeftSubTitle}}</span>
    </div>
  </ng-container>

  <!-- 数量小于9时 -->
  <ng-container *ngIf="tagData.data.data?.data && tagData.data.data?.data.length < 9">
    <section id="section1" *ngIf="!tagData.data.data?.style || tagData.data.data?.style === 'style1'" [ngStyle]="tagData.data?.data?.sectionBoxCssStyle|styleFilter">
      <ul class="box 1" [ngStyle]="tagData.data?.data?.section1BoxCssStyle|styleFilter"
        [ngClass]="{'divWidth': tagData.limit === 4}">
        <div class="title-div 1" *ngIf="tagData?.data?.data?.leftLabel">
          <span class="title-h1" *ngIf="tagData?.data?.data?.leftLabel">{{title}}</span><span
            *ngIf="tagData?.data?.data?.leftLabel" class="sub-title">{{tagData?.data?.data?.leftLabel}}</span>
        </div>
        <div class="title-div 2" *ngIf="tagData?.data?.data?.title1">
          <span class="title-h1"
            [ngStyle]="tagData?.data?.data?.title1CssStyle|styleFilter">{{tagData?.data?.data?.title1}}</span>
        </div>
        <!--新增标题左下标签-->
        <div class="title-div-with-bottom" *ngIf="tagData?.data?.data?.leftBottomLabel">
          <div class="titleDivWithSearch" [ngStyle]="leftBottomLabelItem?.leftBottomLabelCssStyle|styleFilter">
            <span class="title-h1-with-bottom" [ngStyle]="tagData?.data?.data?.titleCssStyle|styleFilter"
              *ngIf="tagData?.data?.data?.title">{{tagData?.data?.data?.title}}</span>

            <div class="leftBottomLabelBox" *ngFor="let leftBottomLabelItem of this.tagData.data.data.leftBottomLabel">
              <img *ngIf="leftBottomLabelItem?.boxIcon" class="boxIcon" src="{{leftBottomLabelItem?.boxIcon}}"
                [ngStyle]="leftBottomLabelItem?.boxIconCssStyle|styleFilter"
                onerror="this.src='assets/fw/home_icon_ranking@3x.png'" appDebounceClick (debounceClick)="openModal(boxIconBtn.link)" />

              <div appDebounceClick (debounceClick)="openModal(leftBottomLabelItem?.link)"
                [ngStyle]="leftBottomLabelItem?.iconBtnBoxCssStyle|styleFilter">
                <img *ngIf="leftBottomLabelItem?.iconName" class="img-title-with-bottom 1"
                  [ngStyle]="leftBottomLabelItem?.iconNameCssStyle|styleFilter" src="{{leftBottomLabelItem?.iconName}}"
                  onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
                <span class="iconLabel" [ngStyle]="leftBottomLabelItem?.iconLabelCssStyle|styleFilter">
                  {{leftBottomLabelItem?.iconLabel}}
                </span>
                <img *ngIf="leftBottomLabelItem?.endIcon" class="img-title-with-bottom 2"
                  src="{{leftBottomLabelItem?.endIcon}}" [ngStyle]="leftBottomLabelItem?.endIconCssStyle|styleFilter"
                  onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
              </div>
            </div>

          </div>
          <div class="sub-title-with-bottom" *ngIf="leftBottomLabelItem?.label"
            [ngStyle]="leftBottomLabelItem?.label1CssStyle|styleFilter">
            {{leftBottomLabelItem?.label}}
            <!--蜂喔商户1.6.21 新增 按钮-->
            <img *ngIf="leftBottomLabelItem?.leftLabelIcon" class="img-title-with-bottom 621"
              [ngStyle]="leftBottomLabelItem?.leftLabelIconCssStyle|styleFilter"
              src="{{leftBottomLabelItem?.leftLabelIcon}}" onerror="this.src='assets/icon/icon_help_notes@3x.png'"
              appDebounceClick (debounceClick)="openModal(tipsIconBtn.link)" />

          </div>
          <span class="sub-title-with-bottom1" *ngIf="leftBottomLabelItem?.label2"
            [ngStyle]="leftBottomLabelItem?.label2CssStyle|styleFilter">{{leftBottomLabelItem?.label2}}</span>
        </div>

        <div *ngIf="tagData.data.data.info && tagData.data.data.title" class="box-title">
          <div class="leftTitle">{{tagData.data.data.title}}</div>
          <div class="rightTitle"><span class="rightNumberTitle">{{tagData.data.data.info.label}}</span>
            <span class="classStyle" *ngFor="let item of tagData.data.data.info.data; let i = index"
              [ngClass]="{'frist' : i === 0 }">{{item.label}}<span class="number">{{item.count}}</span></span>
          </div>
        </div>
        <div class="ulbox 1" [ngStyle]="tagData?.data?.data?.ulBoxCssStyle|styleFilter">
          <li class="link-item w25" [ngStyle]="item.itemCssStyle|styleFilter"
            [ngClass]="{'medium' : tagData.data.data.size === 'medium'}" *ngFor="let item of tagData.data.data.data"
            appDebounceClick (debounceClick)="jumpToPage(item)" [ngStyle]="liWidth">
            <img class="link-item-img" [src]="item.iconName" [ngStyle]="item.imgCssStyle|styleFilter" alt="icon">
            <i class="super" [ngStyle]="item.descriptionCssStyle | styleFilter"
              *ngIf="item.description">{{item.description}}</i>
            <i class="superNumber" [ngClass]="{'oneNumber': item.count < 10}" *ngIf="+item.count">{{item.count}}</i>
            <h4 class="h4label" [ngStyle]="item.iconNameCssStyle|styleFilter">{{item.label}}</h4>
            <h4 class="h4label" *ngIf="item.label1" [ngStyle]="item.iconName1CssStyle|styleFilter">{{item.label1}}</h4>
          </li>
        </div>

        <!--蜂喔2.1.0新增底部提示-->
        <div class="leftBottomTipsBox" *ngIf="tagData?.data?.data?.leftBottomTips && tagData?.data?.data?.isShowExpandText === undefined"
          [ngStyle]="tagData.data?.data?.leftBottomTipsBoxCssStyle|styleFilter" id="leftBottomTipsBox">
          <ng-container *ngFor="let tipItem of this.tagData.data.data.leftBottomTips">
            <div class="commonLeftTips" *ngIf="tipItem.tips1" [ngStyle]="tipItem?.tips1CssStyle|styleFilter">
              <div class="circleDot" [ngStyle]="tipItem?.tips1CircleCssStyle|styleFilter"></div>{{tipItem.tips1}}<font
                *ngIf="tipItem?.tips1Tag" [ngStyle]="tipItem?.tips1TagCssStyle|styleFilter">{{tipItem?.tips1Tag}}</font>
              {{tipItem?.tips1Text}}
            </div>
            <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips2 && openFlag" [ngStyle]="tipItem?.tips2CssStyle|styleFilter">
              <div class="circleDot" [ngStyle]="tipItem?.tips2CircleCssStyle|styleFilter"></div>{{tipItem.tips2}}<font
                *ngIf="tipItem?.tips2Tag" [ngStyle]="tipItem?.tips2TagCssStyle|styleFilter">{{tipItem?.tips2Tag}}</font>
              {{tipItem?.tips2Text}}
            </div>
            <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips3 && openFlag" [ngStyle]="tipItem?.tips3CssStyle|styleFilter">
              <div class="circleDot" [ngStyle]="tipItem?.tips3CircleCssStyle|styleFilter"></div>{{tipItem.tips3}}<font
                *ngIf="tipItem?.tips3Tag" [ngStyle]="tipItem?.tips3TagCssStyle|styleFilter">{{tipItem?.tips3Tag}}</font>
              {{tipItem?.tips3Text}}
            </div>
            <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips4 && openFlag" [ngStyle]="tipItem?.tips4CssStyle|styleFilter">
              <div class="circleDot" [ngStyle]="tipItem?.tips4CircleCssStyle|styleFilter"></div>{{tipItem.tips4}}<font
                *ngIf="tipItem?.tips4Tag" [ngStyle]="tipItem?.tips4TagCssStyle|styleFilter">{{tipItem?.tips4Tag}}</font>
              {{tipItem?.tips4Text}}
            </div>
          </ng-container>
          <img *ngIf="tagData.data?.data?.showExpandText && openFlag" class="btnImg" src="assets/fw/icon_arrow_top@3x.png" alt="展开" appDebounceClick (debounceClick)="expandText($event)">
          <img *ngIf="tagData.data?.data?.showExpandText && !openFlag" class="btnImg" src="assets/fw/icon_arrow@3x.png" alt="收起" appDebounceClick (debounceClick)="expandText($event)">
        </div>
      </ul>



    </section>

    <section id="section2" *ngIf="tagData.data.data?.style === 'style2'">
      <ul class="box-style2" [ngStyle]="cssStr" [ngClass]="{'divWidth': true}">
        <div class="title-div" *ngIf="tagData?.data?.data?.leftLabel">
          <span class="title-h1" *ngIf="tagData?.data?.data?.leftLabel">{{title}}</span><span
            *ngIf="tagData?.data?.data?.leftLabel" class="sub-title">{{tagData?.data?.data?.leftLabel}}</span>
        </div>
        <!--新增标题左下标签-->
        <div class="title-div-with-bottom" *ngIf="tagData?.data?.data?.leftBottomLabel">
          <div class="titleDivWithSearch"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle|styleFilter">
            <span class="title-h1-with-bottom" *ngIf="tagData?.data?.data?.title">{{tagData?.data?.data?.title}}</span>
            <div appDebounceClick (debounceClick)="openModal(tagData?.data?.data?.leftBottomLabel[0].link)">
              <img *ngIf="tagData?.data?.data?.leftBottomLabel[0].iconName" class="img-title-with-bottom"
                src="{{tagData?.data?.data?.leftBottomLabel[0].iconName}}"
                onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
              <span class="iconLabel">
                {{tagData?.data?.data?.leftBottomLabel[0].iconLabel}}
              </span>
            </div>
          </div>

          <div class="sub-title-with-bottom"
            [ngClass]="{'justify': tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle!==undefined}"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label1CssStyle|styleFilter">
            {{tagData?.data?.data?.leftBottomLabel[0].label}}
          </div>


          <span class="sub-title-with-bottom1"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label2CssStyle|styleFilter">{{tagData?.data?.data?.leftBottomLabel[0].label2}}</span>
        </div>
        <div class="ulbox 2" [ngStyle]="cssWrap">
          <li class="link-item w25" [ngClass]="{'medium' : tagData.data.data.size === 'medium'}"
            *ngFor="let item of tagData.data.data.data" appDebounceClick (debounceClick)="jumpToPage(item)" [ngStyle]="liWidth">
            <img class="link-item-img" [src]="item.iconName" alt="icon">
            <h4 class="h4label" [ngStyle]="item.iconNameCssStyle|styleFilter">{{item.label}}</h4>
          </li>
        </div>
      </ul>
    </section>
    <section id="section3" *ngIf="tagData.data.data?.style === 'style3'">
      <ul class="box" [ngStyle]="cssStr" [ngClass]="{'divWidth': true}">
        <div class="title-div" *ngIf="tagData?.data?.data?.leftLabel">
          <span class="title-h1" *ngIf="tagData?.data?.data?.leftLabel">{{title}}</span><span
            *ngIf="tagData?.data?.data?.leftLabel" class="sub-title">{{tagData?.data?.data?.leftLabel}}</span>
        </div>
        <!--新增标题左下标签-->
        <div class="title-div-with-bottom" *ngIf="tagData?.data?.data?.leftBottomLabel">
          <div class="titleDivWithSearch"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle|styleFilter">
            <span class="title-h1-with-bottom" *ngIf="tagData?.data?.data?.title">{{tagData?.data?.data?.title}}</span>
            <div appDebounceClick (debounceClick)="openModal(tagData?.data?.data?.leftBottomLabel[0].link)">
              <img *ngIf="tagData?.data?.data?.leftBottomLabel[0].iconName" class="img-title-with-bottom"
                src="{{tagData?.data?.data?.leftBottomLabel[0].iconName}}"
                onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
              <span class="iconLabel">
                {{tagData?.data?.data?.leftBottomLabel[0].iconLabel}}
              </span>
            </div>
          </div>
          <div class="sub-title-with-bottom"
            [ngClass]="{'justify': tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle!==undefined}"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label1CssStyle|styleFilter">
            {{tagData?.data?.data?.leftBottomLabel[0].label}}
          </div>
          <span class="sub-title-with-bottom1"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label2CssStyle|styleFilter">{{tagData?.data?.data?.leftBottomLabel[0].label2}}</span>
        </div>
        <div *ngIf="tagData.data.data.info && tagData.data.data.title" class="box-title">
          <div class="leftTitle">{{tagData.data.data.title}}</div>
          <div class="rightTitle"><span class="rightNumberTitle">{{tagData.data.data.info.label}}</span>
            <span class="classStyle" *ngFor="let item of tagData.data.data.info.data; let i = index"
              [ngClass]="{'frist' : i === 0 }">{{item.label}}<span class="number">{{item.count}}</span></span>
          </div>
        </div>
        <div class="ulbox 3" [ngStyle]="cssWrap">
          <li class="link-item width50" [ngClass]="{'medium' : tagData.data.data.size === 'medium'}"
            *ngFor="let item of tagData.data.data.data" appDebounceClick (debounceClick)="jumpToPage(item)" [ngStyle]="liWidth">
            <img class="link-item-img" [src]="item.iconName" alt="icon">
            <i class="super" [ngStyle]="item.descriptionCssStyle | styleFilter" *ngIf="item.description">{{item.description}}</i>
            <i class="superNumber" [ngClass]="{'oneNumber': item.count < 10}" *ngIf="+item.count">{{item.count}}</i>
            <h4 class="h4label">{{item.label}}</h4>
          </li>
        </div>
      </ul>
    </section>
    <!--蜂喔商户1.6.35 新增-->
    <section id="styleLimit4" class="styleLimit4" *ngIf="tagData.data.data?.style === 'styleLimit4'">
      <ul class="box-style2 newStyle" [ngStyle]="cssStr">
        <div class="title-div 1" *ngIf="tagData?.data?.data?.leftLabel">
          <span class="title-h1" *ngIf="tagData?.data?.data?.leftLabel">{{title}}</span><span
            *ngIf="tagData?.data?.data?.leftLabel" class="sub-title">{{tagData?.data?.data?.leftLabel}}</span>
        </div>
        <div class="title-div 2" *ngIf="tagData?.data?.data?.title1">
          <span class="title-h1"
            [ngStyle]="tagData?.data?.data?.title1CssStyle|styleFilter">{{tagData?.data?.data?.title1}}</span>
        </div>
        <!--新增标题左下标签-->
        <div class="title-div-with-bottom" *ngIf="tagData?.data?.data?.leftBottomLabel">
          <div class="titleDivWithSearch" [ngStyle]="leftBottomLabelItem?.leftBottomLabelCssStyle|styleFilter">
            <span class="title-h1-with-bottom" [ngStyle]="tagData?.data?.data?.titleCssStyle|styleFilter"
              *ngIf="tagData?.data?.data?.title">{{tagData?.data?.data?.title}}</span>

            <div class="leftBottomLabelBox" *ngFor="let leftBottomLabelItem of this.tagData.data.data.leftBottomLabel">
              <img *ngIf="leftBottomLabelItem?.boxIcon" class="boxIcon" src="{{leftBottomLabelItem?.boxIcon}}"
                [ngStyle]="leftBottomLabelItem?.boxIconCssStyle|styleFilter"
                onerror="this.src='assets/fw/home_icon_ranking@3x.png'" appDebounceClick (debounceClick)="openModal(boxIconBtn.link)" />

              <div appDebounceClick (debounceClick)="openModal(leftBottomLabelItem?.link)"
                [ngStyle]="leftBottomLabelItem?.iconBtnBoxCssStyle|styleFilter">
                <img *ngIf="leftBottomLabelItem?.iconName" class="img-title-with-bottom"
                  [ngStyle]="leftBottomLabelItem?.iconNameCssStyle|styleFilter" src="{{leftBottomLabelItem?.iconName}}"
                  onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
                <span class="iconLabel" [ngStyle]="leftBottomLabelItem?.iconLabelCssStyle|styleFilter">
                  {{leftBottomLabelItem?.iconLabel}}
                </span>
                <img *ngIf="leftBottomLabelItem?.endIcon" class="img-title-with-bottom"
                  src="{{leftBottomLabelItem?.endIcon}}" [ngStyle]="leftBottomLabelItem?.endIconCssStyle|styleFilter"
                  onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
              </div>
            </div>

          </div>
          <div class="sub-title-with-bottom" [ngStyle]="leftBottomLabelItem?.label1CssStyle|styleFilter">
            {{leftBottomLabelItem?.label}}
            <!--蜂喔商户1.6.21 新增 按钮-->
            <img *ngIf="leftBottomLabelItem?.leftLabelIcon" class="img-title-with-bottom 621"
              [ngStyle]="leftBottomLabelItem?.leftLabelIconCssStyle|styleFilter"
              src="{{leftBottomLabelItem?.leftLabelIcon}}" onerror="this.src='assets/icon/icon_help_notes@3x.png'"
              appDebounceClick (debounceClick)="openModal(tipsIconBtn.link)" />

          </div>
          <span class="sub-title-with-bottom1" *ngIf="leftBottomLabelItem?.label2"
            [ngStyle]="leftBottomLabelItem?.label2CssStyle|styleFilter">{{leftBottomLabelItem?.label2}}</span>

          <span class="sub-title-with-bottom1" *ngIf="tagData?.data?.data?.subTitle"
            [ngStyle]="tagData?.data?.data?.subTitleCssStyle|styleFilter">{{tagData?.data?.data?.subTitle}}

            <img class="subTitleIcon" *ngIf="tagData?.data?.data?.subTitleIcon"
              [src]="tagData?.data?.data?.subTitleIcon"
              onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1673329802982666ecc7f23676910571b50bb059e0925.png'"
              [ngStyle]="tagData?.data?.data?.subTitleIconCssStyle|styleFilter"
              appDebounceClick (debounceClick)="jumpToPage(tagData?.data?.data?.subTitleIconLink[0])" />
          </span>
        </div>


        <div *ngIf="tagData.data.data.info && tagData.data.data.title" class="box-title">
          <div class="leftTitle">{{tagData.data.data.title}}</div>
          <div class="rightTitle"><span class="rightNumberTitle">{{tagData.data.data.info.label}}</span>
            <span class="classStyle" *ngFor="let item of tagData.data.data.info.data; let i = index"
              [ngClass]="{'frist' : i === 0 }">{{item.label}}<span class="number">{{item.count}}</span></span>
          </div>
        </div>

        <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()"
          #slideImg>
          <ion-slide *ngFor="let large of largeData, let i=index">
            <div class="ulbox 4" [ngStyle]="cssWrap">
              <li class="link-item w25" [ngClass]="{'medium' : tagData.data.data.size === 'medium'}"
                *ngFor="let item of large" appDebounceClick (debounceClick)="jumpToPage(item)" [ngStyle]="liWidth">
                <img class="link-item-img" [src]="item.iconName" alt="icon" [ngStyle]="item.imgCssStyle | styleFilter">
                <h4 class="h4label">{{item.label}}</h4>
              </li>
            </div>
          </ion-slide>
        </ion-slides>
      </ul>
      <div class="sign " *ngIf="tagData?.data.showSlider !== 'false'"
        [ngStyle]="tagData.data?.data?.slideCssStyle|styleFilter">
        <span class="sign-span" *ngFor="let span of largeData, let i=index"
          [ngStyle]="tagData.data?.data?.singleSlideCssStyle|styleFilter"
          [ngClass]="{'curreulboxnt':idx===i+1,'newCheck':tagData?.data?.data?.currentCssType==='1'&&idx===i+1}"></span>
          
      </div>
    </section>
  </ng-container>

  <!-- 数量大于8时，采用轮播显示 -->
  <div class="slide" [ngStyle]="cssStr" *ngIf="tagData.data.data?.data && tagData.data.data?.data.length > 8">
    <section id="section4" *ngIf="!tagData.data.data?.style || tagData.data.data?.style === 'style1'">
      <!-- section4 -->
      <ul class="box" [ngStyle]="tagData.data.data.sectionCssStyle|styleFilter"
        [ngClass]="{'divWidth': tagData.limit === 4}">
        <div class="title-div" *ngIf="tagData?.data?.data?.leftLabel">
          <span class="title-h1" *ngIf="tagData?.data?.data?.leftLabel">{{title}}</span><span
            *ngIf="tagData?.data?.data?.leftLabel" class="sub-title">{{tagData?.data?.data?.leftLabel}}</span>
        </div>
        <!--新增标题左下标签-->
        <div class="title-div-with-bottom" *ngIf="tagData?.data?.data?.leftBottomLabel">
          <div class="titleDivWithSearch"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle|styleFilter">
            <span class="title-h1-with-bottom" *ngIf="tagData?.data?.data?.title">{{tagData?.data?.data?.title}}</span>
            <div appDebounceClick (debounceClick)="openModal(tagData?.data?.data?.leftBottomLabel[0].link)">
              <img *ngIf="tagData?.data?.data?.leftBottomLabel[0].iconName" class="img-title-with-bottom"
                src="{{tagData?.data?.data?.leftBottomLabel[0].iconName}}"
                [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].iconCssStyle|styleFilter"
                onerror="this.src='assets/icon/icon_help_notes_bak@3x.png'" />
              <span class="iconLabel">
                {{tagData?.data?.data?.leftBottomLabel[0].iconLabel}}
              </span>
            </div>
          </div>
          <div class="sub-title-with-bottom"
            [ngClass]="{'justify': tagData?.data?.data?.leftBottomLabel[0].leftBottomLabelCssStyle!==undefined}"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label1CssStyle|styleFilter">
            {{tagData?.data?.data?.leftBottomLabel[0].label}}
            <img *ngIf="leftBottomLabel2" class="img-title-with-bottom"
              [ngStyle]="leftBottomLabel2.tipsIconCssStyle|styleFilter" src="{{leftBottomLabel2.tipsIcon}}"
              appDebounceClick (debounceClick)="openModal(leftBottomLabel2.link)" onerror="this.src='assets/fw/icon_help_notes@3x.png'" />
          </div>
          <span class="sub-title-with-bottom1"
            [ngStyle]="tagData?.data?.data?.leftBottomLabel[0].label2CssStyle|styleFilter">{{tagData?.data?.data?.leftBottomLabel[0].label2}}</span>
        </div>
        <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()"
          #slideImg>
          <ion-slide *ngFor="let large of largeData, let i=index">
            <div class="ulbox" [ngStyle]="tagData.data?.data?.innerBoxCssStyle|styleFilter">
              <li class="link-item w25" [ngStyle]="item.itemCssStyle|styleFilter"
                [ngClass]="{'medium' : tagData.data.data.size === 'medium'}" *ngFor="let item of large"
                appDebounceClick (debounceClick)="jumpToPage(item)">
                <img class="link-item-img" [src]="item.iconName" [ngStyle]="item.imgCssStyle|styleFilter" alt="icon" [ngStyle]="liWidth">
                <i class="super" *ngIf="item.description" [ngStyle]="item.descriptionCssStyle | styleFilter">{{item.description}}</i>
                <i class="superNumber" [ngClass]="{'oneNumber': item.count < 10}" *ngIf="+item.count">{{item.count}}</i>
                <h4 class="h4label" [ngStyle]="item.iconNameCssStyle|styleFilter">{{item.label}}</h4>
              </li>
            </div>
          </ion-slide>
        </ion-slides>
      </ul>
    </section>
    <section id="section5" *ngIf="tagData.data.data?.style === 'style2'">
      <ul class="box-style2" [ngClass]="{'divWidth': true}">
        <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()"
          #slideImg>
          <ion-slide *ngFor="let large of largeData, let i=index">
            <div class="ulbox" [ngStyle]="cssWrap">
              <li class="link-item w25" [ngClass]="{'medium' : tagData.data.data.size === 'medium'}"
                *ngFor="let item of large" appDebounceClick (debounceClick)="jumpToPage(item)" [ngStyle]="liWidth">
                <img class="link-item-img" [src]="item.iconName" alt="icon">
                <h4 class="h4label">{{item.label}}</h4>
              </li>
            </div>
          </ion-slide>
        </ion-slides>
      </ul>
    </section>
    <div class="sign" *ngIf="tagData?.data.showSlider !== 'false'"
      [ngStyle]="tagData.data?.data?.slideCssStyle|styleFilter">
      <span class="sign-span" *ngFor="let span of largeData, let i=index"
        [ngClass]="{'curreulboxnt':idx===i+1,'newCheck':tagData?.data?.data?.currentCssType==='1'&&idx===i+1}"></span>
    </div>
  </div>

  <div class="leftBottomTipsBox 2" *ngIf="tagData?.data?.data?.leftBottomTips && tagData.data.data?.isShowExpandText !== undefined"
    [ngStyle]="tagData.data?.data?.leftBottomTips2BoxCssStyle|styleFilter" >
    <div [ngStyle]="tagData.data?.data?.leftBottomTips2ContentCssStyle|styleFilter" id="leftBottomTipsBox">
      <ng-container *ngFor="let tipItem of this.tagData.data.data.leftBottomTips">
        <div class="commonLeftTips" *ngIf="tipItem.tips1" [ngStyle]="tipItem?.tips1CssStyle|styleFilter">
        <div class="circleDot" [ngStyle]="tipItem?.tips1CircleCssStyle|styleFilter"></div>
        <span class="commonLeftTips-text">{{tipItem.tips1}}<font *ngIf="tipItem?.tips1Tag" [ngStyle]="tipItem?.tips1TagCssStyle|styleFilter">
            {{tipItem?.tips1Tag}}</font>{{tipItem?.tips1Text}}</span></div>
        <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips2 && openFlag"
          [ngStyle]="tipItem?.tips2CssStyle|styleFilter">
          <div class="circleDot" [ngStyle]="tipItem?.tips2CircleCssStyle|styleFilter"></div>
          <span class="commonLeftTips-text">{{tipItem.tips2}}<font *ngIf="tipItem?.tips2Tag" [ngStyle]="tipItem?.tips2TagCssStyle|styleFilter">
            {{tipItem?.tips2Tag}}</font>{{tipItem?.tips2Text}}</span>
        </div>
        <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips3 && openFlag"
          [ngStyle]="tipItem?.tips3CssStyle|styleFilter">
          <div class="circleDot" [ngStyle]="tipItem?.tips3CircleCssStyle|styleFilter"></div>
          <span class="commonLeftTips-text">{{tipItem.tips3}}<font *ngIf="tipItem?.tips3Tag" [ngStyle]="tipItem?.tips3TagCssStyle|styleFilter">
            {{tipItem?.tips3Tag}}</font>{{tipItem?.tips3Text}}</span>
        </div>
        <div class="commonLeftTips commonLeftTipsMargin" *ngIf="tipItem.tips4 && openFlag"
          [ngStyle]="tipItem?.tips4CssStyle|styleFilter">
          <div class="circleDot" [ngStyle]="tipItem?.tips4CircleCssStyle|styleFilter"></div>
          <span class="commonLeftTips-text">{{tipItem.tips4}}<font *ngIf="tipItem?.tips4Tag" [ngStyle]="tipItem?.tips4TagCssStyle|styleFilter">
            {{tipItem?.tips4Tag}}</font>{{tipItem?.tips4Text}}</span>
        </div>
      </ng-container>
      <img *ngIf="tagData.data?.data?.showExpandText && openFlag" class="btnImg"
        src="assets/fw/icon_arrow_top@3x.png" alt="展开" appDebounceClick (debounceClick)="expandText($event)">
      <img *ngIf="tagData.data?.data?.showExpandText && !openFlag" class="btnImg" src="assets/fw/icon_arrow@3x.png"
        alt="收起" appDebounceClick (debounceClick)="expandText($event)">
    </div>

  </div>

  <!--蜂喔用户1.9.18新增 底部按钮-->
  <ng-container *ngIf="tagData.data?.data?.bottomButton">
    <div class="bottomButtonBox" [ngStyle]="tagData.data?.data?.bottomButtonCssStyle|styleFilter">
      <ng-container *ngFor="let btn of tagData.data.data?.bottomButton">
        <span class="bottomBtnLabel" [ngStyle]="btn.itemCssStyle|styleFilter"
          appDebounceClick (debounceClick)="jumpToPage(btn)">{{btn.label}}</span>
      </ng-container>
    </div>
  </ng-container>


</div>